import {fileURLToPath, URL} from 'node:url'

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    server: {
        port: 8071,
        //解决跨域 使用前端代理
        proxy: {
            //请求 以/api开始的url 进行代理请求
            //原始请求：http://localhost:8071/api/user/login ====> 转换后请求http://localhost:8081/user/login
            '/api': {
                target: "http://localhost:8081", //代理请求baseurl
                changeOrigin: true,  //允许跨域
                //路径重写
                rewrite: path => path.replace(/^\/api/, '') // 重写 api 为 空，就是去掉它
            },
            '/image': {
                target: "http://localhost:8081", // 代理请求baseUrl
                changeOrigin: true, // 允许跨域
                // 路径重写
            }
        }
    },
    css: {
        preprocessorOptions: {
            // 覆盖掉element-plus包中的主题变量文件
            scss: {
                additionalData: `@use "@/styles/element/index.scss" as *;`,
            },
        },
    },
})
